<template>
    <div id="mainBody">
        <el-container>
            <el-main class="main">
                <router-view></router-view>
            </el-main>
            <el-footer class="footer">
                <mainFooter></mainFooter>
            </el-footer>
        </el-container>
    </div>
</template>
<script>
import mainFooter from './mainFooter.vue'
export default {
  name: 'mainBody',
  components: {
    mainFooter
  }
}
</script>
<style scoped>
  #mainBody{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }

/*.el-container {*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/
.main {
  padding: 0;
  margin: 0;
  background: #ffffff
}
.footer {
  padding: 0;
  height: 10%;
  background: #ececec;
}
</style>
